<!doctype html>
<html lang="en">
	<head>
	    <style>
	        body {
	            color: #000000;
	            font-family: "Calibri", Arial, sans-serif;
	            font-size: 0.8em;
	            overflow: hidden;
	        }
			
			ul, p {
				-webkit-margin-before: 0em;
				-webkit-margin-after: 0em;
				-webkit-padding-start: 0px;
			}
	    </style>
	    
	    <link rel="stylesheet" href="../mainStyles/location.css" />
	    <link rel="stylesheet" href="../mainStyles/tabs.css" />
	    <link rel="stylesheet" href="../mainStyles/antiscroll.css" />
	    <link rel="stylesheet" href="../mainStyles/highslide.css" />
	    
	  	<script type="text/javascript" src="../scripts/jquery.min.js"></script>
	  	<script src="../scripts/antiscroll.js"></script>
		<script type="text/javascript" src="../scripts/highslide-full.js"></script>
		<script type="text/javascript" src="../scripts/locations.js"></script>
		
	</head>
	
	<body>
		<table>
			<tr>
				<td width="120" rowspan="2" style="padding-right: 10px;"><img src="greystone/thumbnails/01.jpg" width="120" height="120" alt="Greystone"/></td>
				<td>
					<div class="building-name">Greystone</div>
					<p class="building-date">Built in 1865</p>
				</td>
			</tr>
		</table>
		
		<div>
			<ul class="tabs">
				<li><a href="#tabs1">Info</a></li>
			    <li><a href="#tabs2">Audio</a></li>
			    <li><a href="#tabs3">Gallery</a></li>
			    <li><a href="#tabs4">Misc</a></li>
			</ul>
		</div>
		
		<div id="tabs1">
			<div class="antiscroll-wrap">
	        	<div class="antiscroll-inner">
    				<p>Greystone is one of three Marist buildings that were part of the Rosenlund Estate purchased by the Marist Brothers in 1908. Listed on the state and national Registers of Historic Places, Greystone dates to around 1865 when it was built as a carriage house; a hayloft occupied the top floor, carriages and horse the middle floor, and a blacksmith shop occupied the lowest level. Through remodeling in 1909, 1928, and 1964, the building has served as a dormitory, classrooms, science labs, and a library. Since 1964 the building has housed the office of the College President. Greystone closely resembled the style of St. Peter's and the Kieran Gatehouse when it was first constructed. When the College was first established and was still known as Marian College, the renovated carriage house was surrounded by wooden structures. The carriage house was nicknamed "Greystone" by the Marist Brothers on campus because of its distinctive stonewalls. The name was made official in 1929 when the junior college was established.</p>
			  	</div>
		  	</div>
	  	</div>
	  	
	  	<div id="tabs2">
	  		<div class="antiscroll-wrap">
	        	<div class="antiscroll-inner">
					<div id="audioTitle">
						Now Playing:<br>
						<div class="info1">Index #001 - Perreault, Adrian, 11 June 2001</div>	
					</div>
					<audio controls = "control">
						<source src="audio/Perreault.ogg" type="audio/ogg"/>
						<source src="audio/Perreault.mp3" type="audio/mpeg"/>
						Your browser does not support the audio element. Please use the old version.
					</audio>
					<div id="audioList">
						<div class="list"><a href="Perreault" class="listItem" type="audio">Index #001 - Perreault, Adrian, 11 June 2001</a><a href="pdfs/Perreault.pdf">&nbsp;&nbsp;&nbsp;<img src="../images/pdf.gif" /></a></div>
						<div class="list"><a href="Nolan" class="listItem" type="audio">Index #003 - Nolan, Gus, 04 Oct. 2001 </a><a href="pdfs/Nolan.pdf">&nbsp;&nbsp;&nbsp;<img src="../images/pdf.gif" /></a></div>
						<p><bR><br></p>
					</div>
				</div>
		  	</div>
	  	</div>
	  	
		<div id="tabs3">
			<div class="antiscroll-wrap">
	        	<div class="antiscroll-inner">
					<table class="gallery">
			  			<tbody>
			  			<tr>
			  				<td><a href="greystone/images/01.jpg" class="highslide" onclick="return hs.expand(this)"><img src="greystone/thumbnails/01.jpg" width="100" height="100" alt="Back view of Greystone, 2003" /></a></td>
			  				<td><a href="greystone/images/02.jpg" class="highslide" onclick="return hs.expand(this)"><img src="greystone/thumbnails/02.jpg" width="100" height="100" alt="Back view of Greystone, 2003" /></a></td>
			  				<td><a href="greystone/images/03.jpg" class="highslide" onclick="return hs.expand(this)"><img src="greystone/thumbnails/03.jpg" width="100" height="100" alt="Front view of Greystone, 2003" /></a></td>
			  			</tr>
			  			<tr>
			  				<td><a href="greystone/images/04.jpg" class="highslide" onclick="return hs.expand(this)"><img src="greystone/thumbnails/04.jpg" width="100" height="100" alt="Front and side view of Greystone, 2003" /></a></td>
			  				<td><a href="greystone/images/05.jpg" class="highslide" onclick="return hs.expand(this)"><img src="greystone/thumbnails/05.jpg" width="100" height="100" alt="Side view of Greystone, 2003" /></a></td>
			  				<td><a href="greystone/images/06.jpg" class="highslide" onclick="return hs.expand(this)"><img src="greystone/thumbnails/06.jpg" width="100" height="100" alt="Greystone's Tower, 2003" /></a></td>
			  			</tr>
			  			</tbody>
		  			</table>
		  		</div>
	  		</div>
	  	</div>
	</body>
</html>
